<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<style>
.tab-item .icon {
    display: block;
    margin: 0 auto;
    height: 43px;
    font-size: 32px;
}
	.icon-tabs-tab1-off {
    background: url(img/tab1.png) no-repeat 50%;
    background-size: 40px;
  }
  .icon-tabs-tab1-on {
    background: url(img/tab11.png) no-repeat 50%;
    background-size: 40px;
  }
  .icon-tabs-tab2-off {
    background: url(img/tab2.png) no-repeat 50%;
    background-size: 40px;
  }
  .icon-tabs-tab2-on {
    background: url(img/tab21.png) no-repeat 50%;
    background-size: 40px;
  }
  .icon-tabs-tab3-off {
    background: url(img/tab3.png) no-repeat 50%;
    background-size: 40px;
  }
  .icon-tabs-tab3-on {
    background: url(img/tab31.png) no-repeat 50%;
    background-size: 40px;
  }
</style>
<ion-tabs class="tabs-icon-top tabs-color-active-positive">

  <!-- 初唐 -->
  <ion-tab icon-off="icon-tabs-tab1-off" icon-on="icon-tabs-tab1-on" href="#/tab/chutang">
    <ion-nav-view name="tab-dash"></ion-nav-view>
  </ion-tab>

  <!-- 盛唐 -->
  <ion-tab icon-off="icon-tabs-tab2-off" icon-on="icon-tabs-tab2-on" href="#/tab/shengtang">
    <ion-nav-view name="tab-chats"></ion-nav-view>
  </ion-tab>

  <!-- 晚唐 -->
  <ion-tab icon-off="icon-tabs-tab3-off" icon-on="icon-tabs-tab3-on" href="#/tab/wantang">
    <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>
  <!--衣橱-->
  <!--<ion-tab icon-off="icon-tabs-tab3-off" icon-on="icon-tabs-tab3-on" href="#/tab/wantang">
    <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>-->

</ion-tabs>
